<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
    />
    <title>单例模式-透明</title>
</head>

<body>
    <p>假设我们某天需要利用这个类，在页面中创建千千万万的 div ，即要让这个类从单例类变成 一个普通的可产生多个实例的类，那我们必须得改写 CreateDiv 构造函数</p>

    <script type="text/javascript">
        var CreateDiv = (function () {
            var instance
            var CreateDiv = function (html) {
                this.html = html  // 改造
                this.init() // 改造
                instance = this // 改造
                return instance
            }
            CreateDiv.prototype.init = function(){
                var div = document.createElement('div')
                div.innerHTML = this.html
                document.body.appendChild(div)
            }
            return CreateDiv

        })()
        var a = new CreateDiv('sven1')
        var b = new CreateDiv('sven2')
        var b = new CreateDiv('sven3')
        console.log(a === b) // false ,可以分别创建实例了
    </script>

</body>

</html>